<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">	
	<meta name="viewport" content="initial-scale=1.0,user-scalable=no"/> 
  <link rel="stylesheet" href="../style.css">
	<link href="../css/bootstrap.css" rel="stylesheet">
	<link rel="stylesheet" href="../css/cpzs_module2.css">
	<title>首页</title>
    <style>
        .nav_index{
            float: right;
            padding-right: 50px;
        }
    </style>
</head>
<body>
<div class="container1">
    <div class="dingbu" style="position:absolute;right: 12.8%;"><a href="#">加入我们</a>&nbsp;&nbsp;<a href="../index.html">回到首页</a></div>
    <div class="nav1 clearfix">
      <a href="../index.html"><img src="../images/logo.png" width="30%" float="left"></a>
      <div class="nav_right">
        <ul>
            <div class="nav_index clearfix">
          <li id="gy"><a href="../files/gywm.html">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;关于我们&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>          
          <ul  id="yy">
              <li><a href="gywm.html">&nbsp;&nbsp;公司介绍&nbsp;&nbsp;|&nbsp;&nbsp;</a></li>
              <li><a href="qywh.html">企业文化&nbsp;&nbsp;|&nbsp;&nbsp;</a></li>
              <li ><a href="fzlc.html">发展历程&nbsp;&nbsp;&nbsp;&nbsp;</a></li><br/>
              <li ><a href="zsry.html">&nbsp;&nbsp;资深荣誉&nbsp;&nbsp;|&nbsp;&nbsp;</a></li>
              <li ><a href="gcsb.html">工厂设备&nbsp;&nbsp;</a></li>
            </ul>
          </li>
          <li id="line"  style="background: url(../images/down_line.png) no-repeat center;background-position:0 0; "><img src="../images/line.png"><a href="cpzs.html">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;产品展示&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>
          <img src="../images/line.png"></li>
          <li id="line"><a href="khal.html">
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;客户案例&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>
          <img src="../images/line.png"></li>
          <li id="line"><a href="xwzx.html">
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;新闻中心&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>
          <img src="../images/line.png"></li>
          <li id="line"><a href="lxwm.html">
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;联系我们&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>
          <img src="../images/line.png"></li>
            </div>
        </ul>
      </div>            
    </div>
<!--放此页面的新内容-->
<div class="bg">
<div class="tab_box">
  <div class="lyz_tab_left">
    <div class="pro">
      <ul>
        <li class="hover" id="one1" onMouseOver="setTab(&#39;one&#39;,1,5)">模板A</li>
        <li id="one2" onMouseOver="setTab(&#39;one&#39;,2,5)">模板B </li>
        <li id="one3" onMouseOver="setTab(&#39;one&#39;,3,5)">模板C</li>
        <li id="one4" onMouseOver="setTab(&#39;one&#39;,4,5)">模板D</li>
      </ul>
    </div>
    <script language="javascript"> 
<!--
function setTab(name,cursel,n){
for(i=1;i<=n;i++){
var menu=document.getElementById(name+i);
var con=document.getElementById("con_"+name+"_"+i);
menu.className=i==cursel?"hover":"";
con.style.display=i==cursel?"block":"none";
}
}
//-->
</script>

  </div>
  <div class="lyz_tab_right">
    <div class="hover" id="con_one_1"  >
      <ul>
        <li>
          <a href = "#" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'"><img src="../images/cpzs/img_13.png" ></a>
          <div>CHOOSE XUANCAI</div>
        </li>
        <li>
        <a href = "#" onclick = "document.getElementById('light1').style.display='block';document.getElementById('fade').style.display='block'"><img src="../images/cpzs/img_15.png"></a>
        <div>CHOOSE XUANCAI</div>
        </li>
        <li>
        <a href = "#" onclick = "document.getElementById('light2').style.display='block';document.getElementById('fade').style.display='block'"><img src="../images/cpzs/img_17.png"></a>
        <div>CHOOSE XUANCAI</div>
        </li>
        <li>
        <a href = "#" onclick = "document.getElementById('light3').style.display='block';document.getElementById('fade').style.display='block'"><img src="../images/cpzs/img_19.png"></a>
        <div>CHOOSE XUANCAI</div>
        </li>
      </ul>
      <ul>
        <li>
          <a href = "#" onclick = "document.getElementById('light4').style.display='block';document.getElementById('fade').style.display='block'"><img src="../images/cpzs/img_33.png"></a>
          <div>CHOOSE XUANCAI</div>
        </li>
        <li>
        <a href = "#" onclick = "document.getElementById('light5').style.display='block';document.getElementById('fade').style.display='block'"><img src="../images/cpzs/img_35.png"></a>
        <div>CHOOSE XUANCAI</div>
        </li>
        <li>
        <a href = "#" onclick = "document.getElementById('light6').style.display='block';document.getElementById('fade').style.display='block'"><img src="../images/cpzs/img_37.png"></a>
        <div>CHOOSE XUANCAI</div>
        </li>
        <li>
        <a href = "#" onclick = "document.getElementById('light7').style.display='block';document.getElementById('fade').style.display='block'"><img src="../images/cpzs/img_39.png"></a>
        <div>CHOOSE XUANCAI</div>
        </li>
      </ul>
      <div class="fanye">
        <img src="../images/zjt.png">
        <a href="#" style="color: #df0024">
          1
        </a>
        <a href="#">
          2
        </a>
        <a href="#">
          3
        </a>
        <a href="#">
          4
        </a>
        <img src="../images/yjt.png">
      </div>
    </div>
      <div id="light" class="white_content" 
         style="display: none;
         position: absolute;
         background-color: black;
         top: 20%;
         left:30%;
         height: auto;
         border-bottom:none;
         z-index:1002;
         overflow: auto;"><img src="../images/cpzs/img_13.png" width="500px" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'" >
         </div>
         <div id="light1" class="white_content" 
         style="display: none;
         position: absolute;
         background-color: black;
         top: 20%;
         left:30%;
         height: auto;
         border-bottom:none;
         z-index:1002;
         overflow: auto;"><img src="../images/cpzs/img_15.png" width="500px" onclick = "document.getElementById('light1').style.display='none';document.getElementById('fade').style.display='none'" >
         </div><div id="light2" class="white_content" 
         style="display: none;
         position: absolute;
         background-color: black;
         top: 20%;
         left:30%;
         height: auto;
         border-bottom:none;
         z-index:1002;
         overflow: auto;"><img src="../images/cpzs/img_17.png" width="500px" onclick = "document.getElementById('light2').style.display='none';document.getElementById('fade').style.display='none'" >
         </div>
         <div id="light3" class="white_content" 
         style="display: none;
         position: absolute;
         background-color: black;
         top: 20%;
         left:30%;
         height: auto;
         border-bottom:none;
         z-index:1002;
         overflow: auto;"><img src="../images/cpzs/img_19.png" width="500px" onclick = "document.getElementById('light3').style.display='none';document.getElementById('fade').style.display='none'" >
         </div>
         <div id="light4" class="white_content" 
         style="display: none;
         position: absolute;
         background-color: black;
         top: 20%;
         left:30%;
         height: auto;
         border-bottom:none;
         z-index:1002;
         overflow: auto;"><img src="../images/cpzs/img_33.png" width="500px" onclick = "document.getElementById('light4').style.display='none';document.getElementById('fade').style.display='none'" >
         </div>
         <div id="light5" class="white_content" 
         style="display: none;
         position: absolute;
         background-color: black;
         top: 20%;
         left:30%;
         height: auto;
         border-bottom:none;
         z-index:1002;
         overflow: auto;"><img src="../images/cpzs/img_35.png" width="500px" onclick = "document.getElementById('light5').style.display='none';document.getElementById('fade').style.display='none'" >
         </div>
         <div id="light6" class="white_content" 
         style="display: none;
         position: absolute;
         background-color: black;
         top: 20%;
         left:30%;
         height: auto;
         border-bottom:none;
         z-index:1002;
         overflow: auto;"><img src="../images/cpzs/img_37.png" width="500px" onclick = "document.getElementById('light6').style.display='none';document.getElementById('fade').style.display='none'" >
         </div>
         <div id="light7" class="white_content" 
         style="display: none;
         position: absolute;
         background-color: black;
         top: 20%;
         left:30%;
         height: auto;
         border-bottom:none;
         z-index:1002;
         overflow: auto;"><img src="../images/cpzs/img_39.png" width="500px" onclick = "document.getElementById('light7').style.display='none';document.getElementById('fade').style.display='none'" >
         </div>
    <div class="hover" id="con_one_2" style="display: none ">
    第二页
    </div>

    <div class="hover" id="con_one_3" style="display: none">
    第三页
    </div>

    <div class="hover" id="con_one_4" style="display: none">
    第四页
    </div>

  </div>
  <div class="clear"></div>
</div>
</div>
</div>  
<!--放此页面的新内容-->

    <footer>
      <img src="../images/xcph.png"  width="17%">
      <img src="../images/QR Codes.jpg" id="img" width="5.5%">
       </p>
       <div class="foot">
        <span><a href="#">关于炫彩</a> | <a href="#">产品展示</a> | <a href="#">客户案例</a> | <a href="#">新闻中心</a href="#"> | <a href="#">联系我们</a> | <a href="#">加入我们</a> | <a href="#">回到首页</a></span></p>
        版权所有：广州市炫彩喷绘有限公司 粤ICP备08004282号 公司电话：020-36524417、36524421 传真：020-36524420 </p>
        企业QQ:2851913699 网址：www.xcuvph.cn 邮箱：xc@xcuvph.cn </p>
        公司地址：广东省 广州市白云区石井大道北龙滘路1238号   邮编：510400      
      </div>
    </footer>
	</body>
</html>